<template>
  <div>
    <x-header :left-options="{backText: ''}" >信用卡激活</x-header>
    <div class='creditActive'>
      <group>
        <x-input title="信用卡号:" placeholder="请输入信用卡号"></x-input>
        <x-input title="CVC2码:" placeholder="请输入卡背面末三位数字" maxlength="3" keyboard="number"></x-input>
        <x-input title="手机号码:" name="mobile" placeholder="请输入手机号码" keyboard="number" is-type="china-mobile"></x-input>
      </group>
        <x-button class="active">激活</x-button>
    </div>
  </div>
</template>

<script>
import { Cell, Group, XInput } from "vux";
export default {
  components: {
    Group,
    Cell,
    XInput
  },
  data() {
    return {};
  },
  created() {},
  methods: {}
};
</script>

<style  lang="less" scoped>
.cell {
  font-size: 0.28rem;
  padding: 0px 0.29rem 0px 0.31rem;
  color: #333;
  height: 0.9rem;
}

.active {
  line-height: 0.88rem;
  width: 6.5rem;
  margin-left: 0.5rem;
  margin-top: 0.49rem;
  background: #6666ff;
  font-size: 0.3rem;
  border-radius: 0.06rem;
  color: white;
  // border-color:#EC1B30;
  border-width: 0rem;
}
</style>
<style  lang="less">
.creditActive {
  .weui-label {
    display: block;
    width: 93.5px !important;
    word-wrap: break-word;
    word-break: break-all;
  }
}
</style>


